<template>
  <div>
      <!-- to='/zywA'也能实现跳转，但是控制台会报错 -->
      <el-button plain @click="go112()">11.2</el-button>
      <el-button plain @click="goTable()">表格</el-button>
      <el-button plain @click="goMeg()">弹出框</el-button>
      <el-button plain @click="goForm()">表单</el-button>
      <el-button plain @click="goA()">去A页面</el-button>
      <!-- <router-link to='zywA'>去A页面</router-link> -->
      <router-view></router-view>
      <!-- <Zyw/> -->
  </div>
</template>

<script>
import Zyw from "./zyw/zyw"
export default {
    components:{
        Zyw
    },
    methods:{
        goA(){
            this.$router.push({path:'/zywA'})
        },
        go112(){
            this.$router.push({path:'/zyw/zywlll'})
        },
        goTable(){
            console.log('table')    
            this.$router.push({path:'/zyw/zywTable'})
        },
        goMeg(){
            this.$router.push({path:'/zyw/zywMeg'})
        },
        goForm(){
            this.$router.push({path:'/zyw/zywForm'})
        },

    }

};
</script>

<style scoped>
    div{
        margin: 10px;
    }
</style>